<!doctype html>
<html ng-app="hp">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <title>hp</title>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
    <!-- Place favicon.ico and apple-touch-icon.png in the root directory -->

    <!-- build:css({.tmp/serve,src}) styles/vendor.css -->
    <!-- bower:css -->
    <!-- run `gulp inject` to automatically populate bower styles dependencies -->
    <!-- endbower -->
    <!-- endbuild -->

    <!-- build:css({.tmp/serve,src}) styles/app.css -->
    <!-- inject:css -->
    <!-- css files will be automatically insert here -->
    <!-- endinject -->
    <!-- endbuild -->
  </head>
  <body ng-controller="RootController as root">
    <!--[if lt IE 10]>
      <p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
    <![endif]-->
    <nav class="navbar navbar-static-top {{root.className}}">
        <div class="container">
            <div class="box-btn">
                <a type="button" class="navbar-btn collapsed" ng-click="root.toggleNav()">
                    <span class="sr-only"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </a>
            </div>
            <div class="box-brand">
                <h1>Expert Java</h1>
            </div>
            <ul class="box-nav">
                <li><a ng-href="#/">首页</a></li> 
                <li><a ng-href="#/machinecode">我的机器码</a></li>
                <li><a ng-href="#/playcode">我的播放码</a></li>
                <li><a ng-href="#/aboutus">关于我们</a></li>
            </ul>
            <div class="box-right">
                <!-- {{'q '+ isLogin}} -->
                <span ng-if="!isLogin"><a ng-href="#/login">登录</a>/<a ng-href="#/register">注册</a></span>
                <span ng-if="isLogin"><em>{{'Welcome'}}</em> <a ng-href="#/logout">退出</a></span>
            </div>
        </div>
        <div class="box-memu">
            <ul class="ul-nav">
                <li><a ng-click="root.toggleNav()" ng-href="#/"><i class="glyphicon glyphicon-home"></i> 首页</a></li> 
                <li><a ng-click="root.toggleNav()" ng-href="#/machinecode"><i class="glyphicon glyphicon-phone"></i> 我的机器码</a></li>
                <li><a ng-click="root.toggleNav()" ng-href="#/playcode"><i class="glyphicon glyphicon-play-circle"></i> 我的播放码</a></li>
                <li><a ng-click="root.toggleNav()" ng-href="#/aboutus"><i class="glyphicon glyphicon-leaf"></i> 关于我们</a></li>
                <li><a ng-click="root.toggleNav()" ng-href="#/login" ng-if="!isLogin"><i class="glyphicon glyphicon-log-in"></i> 登录</a></li>
                <li><a ng-click="root.toggleNav()" ng-href="#/register" ng-if="!isLogin"><i class="glyphicon glyphicon-registration-mark"></i> 注册</a></li>
                <li><a ng-click="root.toggleNav()" ng-href="#/logout" ng-if="isLogin"><i class="glyphicon glyphicon-log-out"></i> 退出</a></li>
            </ul>
        </div>
    </nav>

    <section ui-view></section>

    <footer class="footer">
        <div class="container">
            <p>&copy; 2016-2017 leader.us</p>
        </div>
    </footer>

    <!-- build:js(src) scripts/vendor.js -->
    <!-- bower:js -->
    <!-- run `gulp inject` to automatically populate bower script dependencies -->
    <!-- endbower -->
    <!-- endbuild -->

    <!-- build:js({.tmp/serve,.tmp/partials,src}) scripts/app.js -->
    <!-- inject:js -->
    <!-- js files will be automatically insert here -->
    <!-- endinject -->

    <!-- inject:partials -->
    <!-- angular templates will be automatically converted in js and inserted here -->
    <!-- endinject -->
    <!-- endbuild -->

  </body>
</html>
